<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  
  <body>
    <input type="button" value="发送请求" onclick="sendReq()">
  </body>
  
  <script>
    function sendReq() {
      // 1.创建XHR对象
      const xhr = new XMLHttpRequest();
      
      // 2.监听响应
      xhr.onreadystatechange = () => {
        if (xhr.readyState === 4) {
          if ((xhr.status >= 200 && xhr.status < 300) || (xhr.status === 304)) {
            console.log('请求成功');
          } else {
            console.error('请求失败');
          }
        }
      };
      
      // 3.设置HTTP请求参数
      xhr.open('GET', 'http://localhost:9000/back_end_get/params?query_name=query');
      
      // 4.实际发送HTTP请求
      xhr.send(null);
    }
  </script>
</html>